$(function () {
    // 1.搜索功能
    $('.btn-search').on('click', function () {
        var text = $('[name=key]').val().trim()
        if (text) {
            lt_history = getHistory()
            // 如果已存在  删除
            if (lt_history.indexOf(text) != -1) {
                lt_history.splice(lt_history.indexOf(text), 1)
            }
            // 如果超出10条 删除末尾一条
            if (lt_history.length > 9) {
                lt_history.pop()
            }
            lt_history.unshift(text)
            localStorage.setItem('lt_history', JSON.stringify(lt_history))
            render()
             location.href = 'searchList.html?key=' + text
        } else {
            mui.toast('请输入搜索关键字')
        }
    })

    // 2.渲染历史搜索记录
    render()

    // 3.点击x
    $('.history_list').on('click', 'span', function () {
        var index = $(this).data('index')
        mui.confirm('你确定要删除吗', '温馨提示', ['否', '是'], function (e) {
            if (e.index === 0) return
            var lt_history = getHistory()
            lt_history.splice(index, 1)
            localStorage.setItem('lt_history', JSON.stringify(lt_history))
            render()
        })
    })

    // 4.点击清除记录
    $('.history_list').on('click', '.word_right', function () {
        mui.confirm('是否情况所有的历史记录', '温馨提示', ['否', '是'], function (e) {
            if (e.index === 0) return
            localStorage.removeItem('lt_history')
            render()
        })
    })



    // 封装函数
    // 1.获取localStorage的搜索记录 返回一个数组
    function getHistory() {
        var lt_history = localStorage.getItem('lt_history') || '[]';
        lt_history = JSON.parse(lt_history)
        return lt_history
    }
    // 2.渲染历史搜索记录
    function render() {
        var lt_history = getHistory()
        $('.history_list').html(template('tmp', { list: lt_history }))
    }
})